import { FC } from 'react';
import { YHCard } from '@yh/yh-design';

const Panel: FC<{
  title?: string;
  style?: object;
  className?: string;
}> = (props) => (
  <YHCard
    title={props.title}
    className={props.className}
    headStyle={{
      background: '#f0f2f5',
      fontSize: '20px',
      fontWeight: 'bold',
      border: 0,
      padding: 0,
    }}
    style={props.style}
  >
    {props.children}
  </YHCard>
);

export default Panel;
